<script type="text/javascript">
    $(document).ready(function(){
        $(".box img[title]").tooltip({
            position: "top center",
            effect: 'slide'
        });
    });
</script>

<h1>Please read all those mangas below</h1>
<?php

foreach ($mangas_list->result() as $manga):
    ?>
    <div class="box">
        <?php
        $img_properties = array(
            'src' => base_url() . $manga->full_path,
            'title' => 'This is a sample description'
        );
        echo img($img_properties);
        ?>

        <div class="description">
            <?php
            $class = $this->uri->segment(1);
            $link_to = $class . '/read_manga/' . $manga->manga_id . '/1'; //Default view page 1
            echo "<p>" . anchor($link_to, $manga->title) . "</p>";
            ?>
        </div>
    </div>

<?php endforeach; ?>
